@charset "utf-8";
/* CSS Document */

.topbar {
	margin-top:-25px;
}

/* para remarcar el item activo */
.page-id-101 li.nav-item.menu-item-01, .page-id-102 li.nav-item.menu-item-02, .page-id-103 li.nav-item.menu-item-03, .page-id-104 li.nav-item.menu-item-04, .page-id-105 li.nav-item.menu-item-05, .page-id-106 li.nav-item.menu-item-06, .page-id-107 li.nav-item.menu-item-07, .page-id-108 li.nav-item.menu-item-08, .page-id-109 li.nav-item.menu-item-09, .page-id-110 li.nav-item.menu-item-10, .page-id-111 li.nav-item.menu-item-11, .page-id-112 li.nav-item.menu-item-12, .page-id-120 li.nav-item.menu-item-20, .page-id-121 li.nav-item.menu-item-21{ 
    background: linear-gradient(45deg, #FDFDE8, #FC3 , transparent)!important;

}

/* color del fondo */
.bg-gradient-primary {
    background-color: #f6c23e!important;
    background-image: linear-gradient(180deg,#f6c23e 10%,#ffc107 100%)!important;
    background-size: cover!important;
}

/* posicion del boton de ampliar pantalla */
#sidebarToggle {
    position: fixed!important;
    left: 20px!important;
    bottom: 20px!important;
    z-index: 99999!important;
}


/* oculta bordes de tabla  */

.ocultar-bordes {
	border-left:hidden!important;
	border-top:hidden!important;
	border-right:hidden!important;
}


/* para cambiar bordes de tablas */
table.table-bordered{
    border:1px solid #CCC;
    margin-top:5px;
  }
table.table-bordered > thead > tr > th{
    border:1px solid #CCC;
}
table.table-bordered > tbody > tr > td{
    border:1px solid #CCC;
}

/* para el color y estilo de las filas en las tablas matrices  */
.table-estilofila1{
    padding:10px; 
	color:#333; 
	background-color:#E4E4E4
  }
.table-estilofila2{
    padding:10px; 
	color:#333; 
	background-color:#F9F9F9
  }


/* formato de los iconos ver edit y delete  */

.btn-icon {
	font-size:0.7rem!important;
	border: 1px solid transparent!important;
}


/* formato del boton de las columnas de las tablas  */

.b-col-table {
	width:100%!important;
	color:#666!important;
 
}

/* formato del icono sort de las columnas de las tablas  */

.b-col-sort {
	color:#CCC!important;
	/*position: relative!important;
    left: 10px!important;*/
 
}


/*para alinear izq y der en misma linea */
.alinearizq {
    float: left;
}
.alinearder {
    float: right;
}


/*para centrar un div horizontal */
.centrado-h {
	display: flex!important;
  	justify-content: center!important;
 
}

/*para centrar un div horizontal */
.centrado-hv {
	display: flex!important;
  	justify-content: center!important;
 	align-items: center!important;
}

/* altura de los select */
.bootstrap-select>.dropdown-toggle {
	height:41px!important;
	padding-bottom: 2px!important;
}

/* para los titulos de los input, select */
.titulos-form {
    color: #6C95D2!important;
    position: absolute!important;
    margin-top: -8px!important;
}

.titulos-form-disable {
    color: #CCC!important;
    position: absolute!important;
    margin-top: -3px!important;
}


/* para el alto de los input */
.form-control{
	height:2.62rem!important;
	/*height:2.10rem!important;*/
}

/* para el alto de los textarea */
.form-control-texarea{
	/*height:2.62rem!important;*/
	height:3.10rem!important;
}

/*posiciona icono en input */

.input-filtro {
    padding-left: 2.375rem;*/
}

.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


/*para boton con borde abajo y fondo*/
/* este para los botones de la vista de la venta */
.border-bottom-custom-venta {
    /*border-bottom: 0.15rem solid #9AB6E9!important;*/
	border:hidden;
	background-color:#f4f8ff!important;
	padding:7px;
}

.border-bottom-custom {
    /*border-bottom: 0.15rem solid #9AB6E9!important;*/
	border:hidden;
	background-color:#F8F8F8!important;
}
.border-bottom-custom-disable {
    /*border-bottom: 0.15rem solid  #CCC!important;*/
	border:hidden;
	background-color: #D5E4EE!important;
}

/* -- css para modales --  */

@media (min-width: 576px){
.modal-dialog {
    /*max-width: 850px!important;*/
	font-size:14px!important;
}}

.modal { overflow: auto!important; }

.modal-custom {
	border-radius: 10px!important;
    border: none!important;
    box-shadow: 0px 0px 100px #0000001c!important;
}

.modal-header-custom {
	padding-right:30px!important;
	padding-left:30px!important;
	padding-top:30px!important;
	color:#36C;
	letter-spacing:-.05rem;
	border:none!important;
}

.modal-titulo-custom {
	font-size: 1.5rem;
    font-weight: 300;
	line-height:1!important;
}

.modal-body-custom {
	padding-right:30px!important;
	padding-left:30px!important;
	padding-top:30!important;
}

.modal-footer-custom {
	padding-right:30px!important;
	padding-left:30px!important;
	border-radius:10px!important;
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
	background:linear-gradient(45deg, #A8C5D0, #f6c23e);!important;
	border:none!important;
}

.close-modal-custom {
    position: absolute!important;
    right: 20px!important;
	top: 20px!important;
    color: #069!important;
}

.divisor-modal {
	border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #EEF4FB;
    width: 100%;
	padding-bottom:30px!important;
}

/* -- fin css para modales --  */

/* -- imagenes de login y reset password y avisos --  */
.bg-login-image {
  background: url(../img/imgweblogo.jpg)!important;
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800")!important;*/
  background-position: center!important;
  background-size: cover!important;
}

.bg-register-image {
  background: url(../img/imgweblogo.jpg)!important;
  /*background: url("https://source.unsplash.com/Mv9hjnEUHR4/600x800")!important;*/
  background-position: center!important;
  background-size: cover!important;
}

.bg-password-image {
  background: url(../img/imgweblogo.jpg)!important;
  /*background: url("https://source.unsplash.com/oWTW-jNGl9I/600x800")!important;*/
  background-position: center!important;
  background-size: cover!important;
}

/* -- fin imagenes de login y reset password y avisos --  */


/* -- css para select2 --  */

.select2-container--default .select2-selection--single {
	
	border-top:hidden!important;
	border-left:hidden!important;
	border-right:hidden!important;
	background-color:#F8F8F8!important;
   /* border: 1px solid #F8F8F8;*/
	border-bottom: 0.25rem solid #9AB6E9!important;
    border-radius: 4px;
	/*border-color:#FFF!important;*/	
	/*border:none!important;*/
	height:38px!important;
	padding-top: 6px!important;
	color:#333!important;
	/*border-bottom: 2px solid #e2e2e2!important;*/
	box-shadow:none!important;
	/*width: 100%!important;*/
	
	/*max-width:190px!important;*/
}

.select2-selection__rendered{
	color:#8c8b8b!important;
}

.select2-container--default .select2-selection--multiple {
	
    border-top:hidden!important;
	border-left:hidden!important;
	border-right:hidden!important;
	background-color:#F8F8F8!important;
   /* border: 1px solid #F8F8F8;*/
	border-bottom: 0.25rem solid #9AB6E9!important;
    border-radius: 4px;
	/*border-color:#FFF!important;*/	
	/*border:none!important;*/
	height:38px!important;
	padding-top: 8px!important;
	/*border-bottom: 2px solid #e2e2e2!important;*/
	box-shadow:none!important;
	/*width: 100%!important;*/
	
	/*max-width:190px!important;*/
}

.select2-dropdown {
    background-color: white;
   border: 1px solid #CCC;
    border-radius: 4px;
   box-sizing: border-box;
    display: block!important;
 	position:relative!important;
    /*left: -100000px;*/
    /*width: 100%!important;*/
	/*max-width:100%!important;*/
    z-index: 1051;
}

/* -- fin css para select2 --  */

/* -- formato css para los input file -- */

.file-select {
  position: relative;
  display: inline-block;
}

.file-select::before {
	width:100%;
  background-color: #5678EF;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  /*width: 200px;*/
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Upload Imagen';
}

#src-file2::before {
  content: 'Upload Imagen';
}

#src-file3::before {
  content: 'Upload Imagen';
}

.importeSize {
	font-size:0.8rem!important;
	
}

/* -- color botones -- */

.btn-user {
  background-color: #C0A034!important;
  border-color:#C0A034!important;
}

/* -- color texto sidebar -- */
.sidebar .nav-item .nav-link span {
    color:lightslategrey!important;
}

/* -- color icon sidebar -- */
.ico-sidebar {
    color:#408080!important;
}

/* -- color botones opciones -- */
.btn-opcion  {
  background-color: #C0A034!important;
  border-color:#C0A034!important;
}

/*
.custom-checkbox {
    /*appearance: none;
    width: 2rem;
    height: 2rem;
    border-radius: 10%;
    background-color:#F63;
}
.custom-checkbox:checked {
   /* width: 2rem;
    height: 2rem;
    border-radius: 10%;
    background-color:#0C6;
}
*/
/* para diseñar checkbox ************************************/
/* *************** para el check de las tablas tipo calendario*********/




/* ************* otra forma de editar checkbox ************* */


.custom-checkbox-lg .custom-control-label::before,
.custom-checkbox-lg .custom-control-label::after {
  width: 1.5rem;
  height: 1.5rem;
  /*background-color:#fff;
  border-radius:.3rem;*/
}

input {
    height: 30px;
    width: 30px;
    /*accent-color: #1cbed3;*/
  }



/* *********** fin ************ */